body,html{ background: #f4f4f4;}
.m-t-2{ margin-top:.2rem}
.m-b-2{ margin-bottom:.2rem}
.m-l-2{ margin-left:.2rem}
.m-r-2{ margin-right:.2rem}

.m-t-3{ margin-top:.3rem}
.m-b-3{ margin-bottom:.3rem}
.m-l-3{ margin-left:.3rem}
.m-r-3{ margin-right:.3rem}

.m-t-4{ margin-top:.4rem}
.m-b-4{ margin-bottom:.4rem}
.m-l-4{ margin-left:.4rem}
.m-r-4{ margin-right:.4rem}

.m-r-5{ margin-right: .5rem}

.w{ max-width:15rem; margin: 0 auto;}
.header{ width: 100%; position: relative;}
.header a { position: absolute; right: .4rem; top: .2rem; color: #fff; display: inline-block;
  height: .45rem;
  background: url('../images/icons_home_blue@3x.png') no-repeat 0 -0.04rem;
  background-size: .45rem .45rem;
  padding-left: .5rem;
}
.header img{ width:100%; display: block;}
.fullim { width: 100%; display: block;}
.fullim:hover{
  animation: 0.5s smtobig ease-in;
}
@keyframes smtobig {
  0%{
    transform: scale(1)
  }
  40%{
    transform: scale(.95)
  }
  100%{
    transform: scale(1)
  }
}

.goback{
  position: fixed;
  top:0;
  left:0;
  z-index: 9;
  width: 100%;
  box-shadow: 0 0 .1rem rgba(0,0,0,.2);
  height: .9rem;
  background: #fff;
  line-height: .9rem;
}
.goback a {
  font-size: .28rem;
  background: none;
  color: #555;
  border:none;
  display: block;
  padding: 0 .4rem;
  height: 100%;
}
.nav{
  height: 1.14rem;
  
}
.nav li{
  float: left;
  height: 1.14rem;
  text-align: center;
  width: 33.3333%;
  border-bottom: 0.01rem solid #b8b8b8;
  line-height: 1.14rem;
  font-size:0.24rem;
}
.nav li:nth-child(2){
  line-height: .44rem;
}
.nav li:nth-child(2) a{ padding-top: .14rem;}
.nav li a{
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #ff5b60;
}
.nav li a.active{
  color: #fff;
  background: #ff5b60;
  font-weight: bold;
}

.title{ 
  font-size:0.3rem; 
  padding:0.6rem 0;
  text-align: center;
}

.search-team{
  background: #fff;
  padding: .6rem 0.34rem 0.35rem
}
.search-team h4{
  text-align: center;
  font-size:0.26rem;
  font-weight: bold;
  padding: 0.4rem 0 .2rem;
}
.search-team .search-body{
  overflow: hidden;
  position: relative;
  height: .72rem;
  border:0.01rem solid #b8b8b8;
  border-radius: .05rem;
  padding-right: 1.9rem;
}
.search-team .search-body input[type=text]{
  font-size:0.28rem;
  width: 100%;
  border:none;
  line-height: .3rem;
  padding: .2rem 0;
  color: #555;
  padding-left: 0.1rem;
}
.search-team .search-body input::placeholder{
  color: #ccc;
}

.search-team .search-body button{
  position: absolute;
  right: 0;
  top: 0;
  width: 1.9rem;
  height: 0.72rem;
  color: #fff;
  background: #ff5b60;
  border-radius: 0 .03rem .03rem 0;
}
.search-team .search-body button:active{
  background: #f15156
}
.jobs-label{ 
  text-align: center;
}
.jobs-label a{
  margin: 0.1rem;
  display: inline-block;
  height: .78rem;
  line-height: .78rem; 
  border-radius: 0.1rem;
  border:.01rem solid #b8b8b8;
  font-size:0.24rem;
  padding: 0 0.2rem
}

.hot-company{
  margin: .34rem;
  background: #fff;
  padding:0 0 .05rem;
}
.hot-title{
  margin: 0 .26rem;
  height: .9rem;
  border-bottom: .01rem solid #b8b8b8;
  position: relative;
}
.hot-title p{
  line-height: .9rem;
  font-size:.26rem;
}
.hot-title button{
  position: absolute;
  right: 0;
  top:0;
  height: .9rem;
  line-height: .9rem;
  display: inline-block;
  border:none;
  background:none;
  font-size:0.22rem;
  color: #f15156;
}
.hot-im-list{ overflow: hidden;margin: .13rem;}
.hot-im-list li{
  float: left;
  width: 25%;
}
.hot-im-list li > div{
  position: relative;
}
.hot-im-list li > div{
  position: relative;
  border-radius: .05rem;
  overflow: hidden;
  margin: 0.13rem;
}
.hot-im-list img{
  width: 100%;
}
.hot-im-list li > div >.im{
  display: flex;
  align-items:center;
  justify-content:center;
  position: absolute;
  left:0;
  right: 0;
  top:0;
  bottom: 0;
}
.hot-im-list li > div > .im img{ width:auto !important; max-width: 100%; height: auto !important; max-height: 100%;}

.footer{
  padding: 0.4rem;
  font-size:.2rem;
  text-align: center;
}
.sign-js {
  background: #fff;
  padding: .4rem .3rem .6rem;
  max-height: 200rem;
  text-align: center;
}
.sign-js h4{
  color: #f15156;
  line-height: .6rem;
  border-bottom: 0.01rem solid #f15156;
  font-size: .26rem;
  font-weight: bold;

}
.sign-js p{ font-size: .22rem; line-height: 1.8; color: #666;}
.sign-js p span{ color: #000;}
.school-list{
  background: #fff;
}
.school-list li{
  border-bottom:0.01rem solid #b4b4b4;
}
.school-list li .s-title{
  animation-duration:0.3s all;
  position: sticky;
  /* position: relative; */
  top:0;
  height: 1.38rem;
  padding-left: .9rem;
  line-height: 1.38rem;
  background: #f4f4f4;
  font-size: .36rem;
  font-weight: bold;
}
.school-list li .s-title::before{
  animation: .5s rotatef forwards;
  position: absolute;
  right: 0.4rem; 
  top: .63rem;
  content:'';
  display: inline-block;
  width: .19rem; height: .12rem;
  background: url('../images/arrow.png') no-repeat;
  background-size:100%;
}
.s-list { padding:0rem 0 .2rem  .9rem; max-height: 200rem; overflow: hidden; display: none;}
.s-list p{ line-height: 1.8; padding: 0.2rem 0; border-top:0.01rem solid #ccc;}
.s-list p.overdue{ color: #ccc;}
.school-list li.actived .s-title{
  background: #fff;
  box-shadow: 0 0 .1rem 0rem rgba(0,0,0,.1)
}
.school-list li.actived .s-title::before{
  animation: .5s rotate forwards;
}
.school-list li.actived .s-list{
  display: block;
}
@keyframes rotate {
  0%{
    transform: rotate(0deg)
  }
  100%{
    transform: rotate(180deg)
  }
}
@keyframes rotatef {
  0%{
    transform: rotate(180deg)
  }
  100%{
    transform: rotate(0deg)
  }
}

.meet-banner, .meet-banner img{
  width: 100%;
  height: 100%;
}
.weltxt{
  max-height: 20rem;
  text-align: center;
  padding: .6rem .4rem 0;
  font-size: .22rem;
  line-height: 1.8;
  color: #555;
}
.meet-list{ margin-bottom: .5rem;}
.meet-list li {
    max-height: 200rem;
    box-sizing: border-box;
    margin: 1.4rem .32rem 0;
    background: #fff;
    position: relative;
    padding: .32rem;
}
.meet-list li .im{
    position: absolute;
    background:#fff;
    right: .32rem;
    top: -.9rem;
    width: 2rem;
    height: 2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 0 0 .06rem rgba(0,0,0,.1);
}
.meet-list li .name{
    font-size: .3rem;
    line-height: 1.8;
    margin-bottom: .3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.meet-list .tit{
    font-size: .34rem;
    line-height: 1.7;
    font-weight: bold;
    margin-bottom:.3rem;
}
.meet-list .tit p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.meet-list .txt{
    font-size: .3rem;
    line-height: 1.7;
    height: .9;
    overflow: hidden;
    font-style: italic;
    margin-bottom: .2rem;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.meet-list .comlogo{
    min-height: .7rem;
    max-height: 1rem;
    max-width: 6rem; 
}





.iphoneXstyle, .iphoneXstyle body{
  padding-top: .86rem;
  padding-bottom: .68rem;
}
.iphoneXstyle .header{
  margin-top: -0.86rem;
  padding-top: .86rem;
  box-sizing: content-box;
  background: #0055ff;
}
.iphoneXstyle .header a{
  top: 1.06rem;
} 
.iphoneXstyle .goback{
  top: .86rem;
}



